﻿<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Chèn đối tượng dựng sẵn</title>
<script>
function insertObject(sHTML)
	{
	if(navigator.appName.indexOf('Microsoft')!=-1)
		{
		//Use dialogArguments.oUtil.obj to get editor object for IE version
		//-----------------------------------------------------------------
		var obj=dialogArguments.oUtil.obj;
		}
	else
		{
		//Use window.opener.oUtil.obj to get editor object for Mozilla version
		//--------------------------------------------------------------------
		var obj=window.opener.oUtil.obj;
		}
	
	//Use insertHTML() function to insert your custom html
	obj.insertHTML(sHTML);
	}
</script>
<script type="text/javascript" language="javascript" src="js/HintBox.js"></script>
<style>
body{font:8pt tahoma,arial,sans-serif;margin:0;background:#E9E8F2;color:#444444}
.dialogFooter{background-color:#E2E2ED;border-top:#CFCFCF 1px solid;}
td{font-size:8pt}
input {font:8pt tahoma,arial,sans-serif}
.inpBtn {font:8pt tahoma,arial,sans-serif;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: auto; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
BODY {font-family:Verdana, Arial, Helvetica;font-size: x-small; background-color:#E2E2ED; }
}


</style>
</head>
<body style="overflow:hidden;">
<table width=100% height=100% align=center cellpadding=0 cellspacing=0>
<tr>
<td valign=top style="padding:5;height:100%">

	<h2>
    Các đối tượng dựng sẵn</h2>

<ul>
<li>Hộp chứa ảnh và chữ: <u onclick="insertObject(document.getElementById('divImageBox').innerHTML)" onmouseover="showhint('<img src=images/ImageBox.jpg />', this, event, '');" style="cursor:pointer">Trái</u> <u onclick="insertObject(document.getElementById('divImageBoxRight').innerHTML)" onmouseover="showhint('<img src=images/ImageBox.jpg />', this, event, '');" style="cursor:pointer">Phải</u> <u onclick="insertObject(document.getElementById('divImageBoxCenter').innerHTML)" onmouseover="showhint('<img src=images/ImageBox.jpg />', this, event, '');" style="cursor:pointer">Giữa</u></li>
<li>Hộp chỉ chứa chữ: <u onclick="insertObject(document.getElementById('divTextBox').innerHTML)" onmouseover="showhint('<img src=images/TextBox.jpg />', this, event, '');" style="cursor:pointer">Trái</u> <u onclick="insertObject(document.getElementById('divTextBoxRight').innerHTML)" style="cursor:pointer" onmouseover="showhint('<img src=images/TextBox.jpg />', this, event, '');">Phải</u> <u onclick="insertObject(document.getElementById('divTextBoxCenter').innerHTML)" style="cursor:pointer" onmouseover="showhint('<img src=images/TextBox.jpg />', this, event, '');">Giữa</u> </li>
<li>...</li>
</ul>

<div id="divImageBox" style="display:none;">
	<table style="BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP: #bbbbbb 1px solid; BACKGROUND: #f5f5f5; MARGIN: 5px; BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 180px; BORDER-BOTTOM: #bbbbbb 1px solid; BORDER-COLLAPSE: collapse; HEIGHT: 300px" cellspacing="5" cellpadding="0" align="left">
     <tbody>
       <tr>
         <td style="VERTICAL-ALIGN: top; TEXT-ALIGN: center;TEXT-ALIGN: center;padding-left:5px; padding-right:5px;">
           <div>
            <img style="WIDTH: 130px" alt="" src="/images/example.jpg" width="100" border="0" /></div>
           <div>&nbsp;</div>
           <p align="justify"><span style="FONT-SIZE: 10pt;color:#d04a11">Đây là mẫu, bạn có thể sửa lại ảnh, màu nền, kích cỡ của bảng tùy theo nhu cầu. </span></p></td>
      </tr>
    </tbody>
  </table>
</div>
<div id="divImageBoxRight" style="display:none">
	<table style="BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP: #bbbbbb 1px solid; BACKGROUND: #f5f5f5; MARGIN: 5px; BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 180px; BORDER-BOTTOM: #bbbbbb 1px solid; BORDER-COLLAPSE: collapse; HEIGHT: 300px" cellspacing="5" cellpadding="0" align="right">
     <tbody>
       <tr>
         <td style="VERTICAL-ALIGN: top; TEXT-ALIGN: center;TEXT-ALIGN: center;padding-left:5px; padding-right:5px;">
           <div>
            <img style="WIDTH: 130px" alt="" src="/images/example.jpg" width="100" border="0" /></div>
           <div>&nbsp;</div>
           <p align="justify"><span style="FONT-SIZE: 10pt;color:#d04a11">Đây là mẫu, bạn có thể sửa lại ảnh, màu nền, kích cỡ của bảng tùy theo nhu cầu. </span></p></td>
      </tr>
    </tbody>
  </table>
</div>

<div id="divImageBoxCenter" style="display:none;">
    <div align="center">
	    <table style="BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP: #bbbbbb 1px solid; BACKGROUND: #f5f5f5; MARGIN: 5px; BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 180px; BORDER-BOTTOM: #bbbbbb 1px solid; BORDER-COLLAPSE: collapse; HEIGHT: 300px" cellspacing="5" cellpadding="0" align="center">
         <tbody>
           <tr>
             <td style="VERTICAL-ALIGN: top; TEXT-ALIGN: center;TEXT-ALIGN: center;padding-left:5px; padding-right:5px;">
               <div>
                <img style="WIDTH: 130px" alt="" src="/images/example.jpg" width="100" border="0" /></div>
               <div>&nbsp;</div>
               <p align="justify"><span style="FONT-SIZE: 10pt;color:#d04a11">Đây là mẫu, bạn có thể sửa lại ảnh, màu nền, kích cỡ của bảng tùy theo nhu cầu. </span></p></td>
          </tr>
        </tbody>
      </table>
     </div>
</div>

<div id="divTextBox" style="display:none">
	<table style="BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP:#bbbbbb 1px solid; BACKGROUND: #f5f5f5; MARGIN: 5px; BORDER-LEFT:#bbbbbb 1px solid; WIDTH: 180px; BORDER-BOTTOM:#bbbbbb 1px solid; BORDER-COLLAPSE: collapse" cellspacing="5" cellpadding="0" align="left">
     <tbody>
       <tr>
         <td style="VERTICAL-ALIGN: top;TEXT-ALIGN: center;padding-left:5px; padding-right:5px;">
           <p align="justify"><span style="FONT-SIZE: 10pt;color:#d04a11">Hộp chỉ chứa chữ. Màu nền, viền, kiểu dáng của chữ hay hộp đều có thể thay đổi.</span></p></td>
      </tr>
    </tbody>
  </table>
</div>
<div id="divTextBoxRight" style="display:none">
	<table style="BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP:#bbbbbb 1px solid; BACKGROUND: #f5f5f5; MARGIN: 5px; BORDER-LEFT:#bbbbbb 1px solid; WIDTH: 180px; BORDER-BOTTOM: #bbbbbb 1px solid; BORDER-COLLAPSE: collapse" cellspacing="5" cellpadding="0" align="right">
     <tbody>
       <tr>
         <td style="VERTICAL-ALIGN: top;TEXT-ALIGN: center;padding-left:5px; padding-right:5px;">
           <p align="justify"><span style="FONT-SIZE: 10pt;color:#d04a11">Hộp chỉ chứa chữ. Màu nền, viền, kiểu dáng của chữ hay hộp đều có thể thay đổi.</span></p></td>
      </tr>
    </tbody>
  </table>
</div>
<div id="divTextBoxCenter" style="display:none">
<div align="center">
	<table style="BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP:#bbbbbb 1px solid; BACKGROUND: #f5f5f5; MARGIN: 5px; BORDER-LEFT:#bbbbbb 1px solid; WIDTH: 180px; BORDER-BOTTOM: #bbbbbb 1px solid; BORDER-COLLAPSE: collapse" cellspacing="5" cellpadding="0" align="center">
     <tbody>
       <tr>
         <td style="VERTICAL-ALIGN: top;TEXT-ALIGN: center;padding-left:5px; padding-right:5px;">
           <p align="justify"><span style="FONT-SIZE: 10pt;color:#d04a11">Hộp chỉ chứa chữ. Màu nền, viền, kiểu dáng của chữ hay hộp đều có thể thay đổi.</span></p></td>
      </tr>
    </tbody>
  </table>
</div>
</div>

</td>
</tr>
<tr>
<td class="dialogFooter" style="padding:6;" align="right">
	<table cellpadding=1 cellspacing=0>
	<tr>
	<td>
	<input type="button" name=btnCancel id=btnCancel value="Đóng" onClick="self.close()" class="inpBtn">
	</td>	
	</tr>
	</table>
</td>
</tr>
</table>

</body>
</html>